<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%String path = request.getContextPath();%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>城市</title>
<style type="text/css">
	#page{width:100%;height:230vh;}
	#title{text-align:center;width:100%;height:100px;line-height:100px;}
	#city{float:left;width:330px;height:330px;border:2px solid black;margin:20px 20px;background-color:#ddd;}
	#name{text-align:center;width:330px;height:20px;}
	#info{width:330px;height:110px;color:blue;}
	#city img{width:326px;height:200px;}
</style>
</head>
<body>
<jsp:include page="header.jsp"></jsp:include>
<div id="page">
	<div id="title"><a style="text-decoration:none;color:darkcyan;" href="<%=path %>/index/index.jsp"><font size="10px" face="隶书">山东省各城市一览</font></a></div>
	<div id="city">
		<a style="text-decoration:none;color:red;" href="cityscene.jsp?id=1"><div id="name">济南市</div>
		<div id="info">济南市，山东省省会，境内泉水众多，拥有“七十二名泉”，被称为“泉城”，素有“四面荷花三面柳，一城山色半城湖”的美誉，还是史前文化——龙山文化的发祥地之一</div>
		<img src="<%=path%>/index/pics/济南.jpg"/></a>
	</div>
	<div id="city">
		<a style="text-decoration:none;color:red;" href="cityscene.jsp?id=2"><div id="name">青岛市</div>
		<div id="info">青岛市，碧海蓝天，红瓦绿树，被誉为“东方瑞士”欧韵之都，中国品牌之都，国家历史文化名城、中国道教发祥地，中国最具幸福感城市</div>
		<img src="<%=path%>/index/pics/青岛.jpg"/></a>
	</div>
	<div id="city">
		<a style="text-decoration:none;color:red;" href="cityscene.jsp?id=3"><div id="name">淄博市</div>
		<div id="info">淄博市，地处黄河三角洲高效生态经济区、山东半岛蓝色经济区两大国家战略经济区与山东省会城市群经济圈交汇处，是一座国家历史文化名城，历史悠久，为齐文化的发祥地、世界足球起源地</div>
		<img src="<%=path%>/index/pics/淄博.jpg"/></a>
	</div>
	<div id="city">
		<a style="text-decoration:none;color:red;" href="cityscene.jsp?id=4"><div id="name">枣庄市</div>
		<div id="info">枣庄市，因多枣树而得名，中国首个“海峡两岸交流基地”和“全国健身秧歌城市”，因铁道游击队和台儿庄大战而闻名中外</div>
		<img src="<%=path%>/index/pics/枣庄.jpg"/></a>
	</div>
	<div id="city">
		<a style="text-decoration:none;color:red;" href="cityscene.jsp?id=5"><div id="name">东营市</div>
		<div id="info">东营市，是环渤海经济区重要节点、山东半岛城市群的重要组成部分，还是古代伟大的军事家孙武故里、山东地方代表戏曲吕剧的发源地和中国第二大石油工业基地胜利油田崛起地</div>
		<img src="<%=path%>/index/pics/东营.jpg"/></a>
	</div>
	<div id="city">
		<a style="text-decoration:none;color:red;" href="cityscene.jsp?id=6"><div id="name">烟台市</div>
		<div id="info">烟台市，是山东半岛的中心城市之一、环渤海地区重要的港口城市，中国首批14个沿海开放城市之一，中国海滨城市，亚洲唯一的国际葡萄·葡萄酒城，与威海同为中国著名的“雪窝”</div>
		<img src="<%=path%>/index/pics/烟台.jpg"/></a>
	</div>
	<div id="city">
		<a style="text-decoration:none;color:red;" href="cityscene.jsp?id=7"><div id="name">潍坊市</div>
		<div id="info">潍坊市，古称“潍州”、“潍县”，又名“鸢都”，是世界风筝之都，国家环保模范城市、国家卫生城市、国家园林城市、中国优秀旅游城市、全国科技进步先进城市、全国循环经济示范市，荣获中国人居环境奖</div>
		<img src="<%=path%>/index/pics/潍坊.jpg"/></a>
	</div>
	<div id="city">
		<a style="text-decoration:none;color:red;" href="cityscene.jsp?id=8"><div id="name">济宁市</div>
		<div id="info">济宁市，是滨水生态旅游城市、历史文化名城，历史文化悠久，是东夷文化、华夏文明、儒家文化、水浒文化、运河文化的重要发祥地之一，儒家创始人至圣孔子、亚圣孟子、复圣颜回、史家左丘明皆出生于此</div>
		<img src="<%=path%>/index/pics/济宁.jpg"/></a>
	</div>
	<div id="city">
		<a style="text-decoration:none;color:red;" href="cityscene.jsp?id=9"><div id="name">泰安市</div>
		<div id="info">泰安市，因泰山而得名，“泰山安则四海皆安”，寓国泰民安之意，城市位于泰山脚下，依山而建，山城一体</div>
		<img src="<%=path%>/index/pics/泰安.jpg"/></a>
	</div>
	<div id="city">
		<a style="text-decoration:none;color:red;" href="cityscene.jsp?id=10"><div id="name">威海市</div>
		<div id="info">威海市，取威震海疆之意，别名威海卫，中国近代第一支海军北洋海军的发源地、甲午海战的发生地，甲午战争后被列强侵占并回归祖国的“七子”之一</div>
		<img src="<%=path%>/index/pics/威海.jpg"/></a>
	</div>
	<div id="city">
		<a style="text-decoration:none;color:red;" href="cityscene.jsp?id=11"><div id="name">日照市</div>
		<div id="info">日照市，滨海城市，是山东半岛城市群、山东半岛蓝色经济区的重要组成部分，被誉为“水上运动之都”与“东方太阳城”，并获得联合国人居奖</div>
		<img src="<%=path%>/index/pics/日照.jpg"/></a>
	</div>
	<div id="city">
		<a style="text-decoration:none;color:red;" href="cityscene.jsp?id=12"><div id="name">临沂市</div>
		<div id="info">临沂市，因临沂河得名，古称琅琊、沂州，是著名的商贸名城和物流之都、全国重要的物流周转中心和商贸批发中心</div>
		<img src="<%=path%>/index/pics/临沂.jpg"/></a>
	</div>
	<div id="city">
		<a style="text-decoration:none;color:red;" href="cityscene.jsp?id=13"><div id="name">德州市</div>
		<div id="info">德州市，是中国太阳城、中国功能糖城、中国优秀旅游城市以及国家交通运输主枢纽城市，古称安德，位于山东省西北部、黄河下游冲积平原，是山东省的西北大门</div>
		<img src="<%=path%>/index/pics/德州.jpg"/></a>
	</div>
	<div id="city">
		<a style="text-decoration:none;color:red;" href="cityscene.jsp?id=14"><div id="name">聊城市</div>
		<div id="info">聊城市，国家森林城市，国家历史文化名城，聊城城区独具“江北水城”特色，素有“中国北方的威尼斯”之称</div>
		<img src="<%=path%>/index/pics/聊城.jpg"/></a>
	</div>
	<div id="city">
		<a style="text-decoration:none;color:red;" href="cityscene.jsp?id=15"><div id="name">滨州市</div>
		<div id="info">滨州市，山东省的北大门，历史文化悠久，是黄河文化和齐文化的发祥地之一，是渤海革命老区中心区、渤海区党委机关驻地，古代著名军事思想家孙武、汉孝子董永、宋代著名政治家范仲淹、清代帝师杜授田出生或成长在这里</div>
		<img src="<%=path%>/index/pics/滨州.jpg"/></a>
	</div>
	<div id="city">
		<a style="text-decoration:none;color:red;" href="cityscene.jsp?id=16"><div id="name">菏泽市</div>
		<div id="info">菏泽市，古称曹州，原系天然古泽，济水所汇，菏水所出，连通古济水、泗水两大水系，中国牡丹之都</div>
		<img src="<%=path%>/index/pics/菏泽.jpg"/></a>
	</div>	
</div>	
<jsp:include page="footer.jsp"></jsp:include>
</body>
</html>